<template>
  <div class="container">
    <!-- 这是注释 -->
    <h2>事件修饰符</h2>
    <!-- 语法格式： @事件名.修饰符="处理方法" -->
    <!--
      .prevent  阻止默认行为
      .stop     阻止冒泡
      .enter    表示按下回车键才会执行处理函数
      .esc      表示按下esc键才会执行处理函数

      修饰符可以连用，比如  @click.prevent.stop="xxx"
    -->

    <form action="">
      <input type="text" @keyup.enter="two">
      <button @click.prevent="one">按钮</button>
    </form>
  </div>
</template>

<script>
export default {
  // 这里放vue相关代码
  methods: {
    one () {
      console.log(123)
    },
    two () {
      console.log(456)
    }
  }
}
</script>

<style>
h2 {
  color: red;
}
</style>